/*
 * Copyright (c) 2025 Huawei Technologies Co.,Ltd.
 *
 * openInula is licensed under Mulan PSL v2.
 * You can use this software according to the terms and conditions of the Mulan PSL v2.
 * You may obtain a copy of Mulan PSL v2 at:
 *
 *          http://license.coscl.org.cn/MulanPSL2
 *
 * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
 * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
 * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
 * See the Mulan PSL v2 for more details.
 */

import { render, useState } from 'openinula';
import MockClassComponent from './MockClassComponent';
import MockFunctionComponent from './MockFunctionComponent';
import { MockContext } from './MockContext';

const root = document.createElement('div');
document.body.append(root);
function App() {
  const [count, setCount] = useState(12);
  return (
    <div>
      <button onClick={() => setCount(count + 1)}>add count</button>
      <MockContext.Provider value={{ ctx: 'I am ctx' }}>
        <MockClassComponent fruit={'apple'} />
        <MockFunctionComponent count={count} />
      </MockContext.Provider>
      abc
    </div>
  );
}

render(<App />, root);
